<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <title>医师审核</title>
    <?php require 'templates/common/head.html'; ?>
    <style type="text/css">
        .divleft{width: 12%; float: left; text-align:center; border-right: solid 1px #d5d5d5; margin-right: 2% }
        .divcenter{width: 12%; float: left; text-align:center; border-right: solid 1px #d5d5d5; margin-right: 2%  }
        .divright{ width: 12%; float: right; text-align:center;  margin-right: 2%}
        .position {
            position: absolute;
            display: none;
            z-index: 15;
            width: 400px;
            height: 40px;
            margin: -20px 0 0 -75px;
            padding: 0 10px;
            background: #eee;
            line-height: 2.4;
            cursor:pointer;
        }
        .panel-heading a{color: #ffffff; cursor: pointer;}
    </style>
</head>
<body>


<div class="container-fluid">
    <?php require 'templates/common/nav.html'; ?>
    <div class="panel panel-primary">
        <div class="panel-heading">
            <?php require 'templates/user_manage/nav.html'; ?>
        </div>
        <div class="panel-body" style="text-align:center">
            <div class="panel-heading text-right">
                <a href="index.php?m=user_manage&a=addExpert" type="button" class="btn btn-primary">添加专家</a>
            </div>
            <div class="panel-group"  id="accordion" role="tablist" aria-multiselectable="true">
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <div class="row" style="">
                            <div class="divleft">专家名</div>
                            <div class="divcenter">医院</div>
                            <div class="divcenter">头像</div>
                            <div class="divcenter">二维码</div>
                            <div class="divright">操作</div>
                        </div>
                    </div>
                </div>
                <?php foreach($experts as $v):?>
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            <div class="row">
                                <div class="divleft">
                                    <div class="fun"><?=$v['name']?></div>
                                </div>
                                <div class="divcenter">
                                    <div class="fun"><?=$v['hospital']?>&nbsp;</div>
                                </div>
                                <div class="divcenter" >
                                    <img src="<?=$v['portrait']?>" width="80%" class="fun" style="cursor:pointer"/>
                                    <div  class="position">
                                        <img src="<?=$v['portrait']?>" width="100%" class="fun1"/>
                                    </div>
                                </div>
                                <div class="divcenter" >
                                    <img src="<?=$v['code']?>" width="80%" class="fun" style="cursor:pointer"/>
                                    <div  class="position">
                                        <img src="<?=$v['code']?>" width="100%" class="fun1"/>
                                    </div>
                                </div>
                                <div class="divright">
                                    <a href="index.php?m=user_manage&a=del&expert_id=<?=$v['id']?>&page=<?=$_GET['page']?>"><button class="btn-primary">删除</button></a>
                                </div>
                            </div>
                        </div>
                    </div>

                <?php endforeach;if(!$experts):?>
                <div class="panel-heading text-center"><h3 class="panel-title">没有数据 !!!</h3></div>
                <?php endif;?>
                <div><?=$page->showpage();?></div>
            </div>
        </div>

    </div>
</div>
<?php require 'templates/common/foot.html'; ?>
</body>
</html>
<script language="JavaScript">
    $(function(){
        $(".fun").click(function(){
            $(this).next("div").show();
        })
        $(".fun1").click(function(){
            $(this).parent("div").hide();
        })
    })

</script>
